<template>
    <n-config-provider
        :locale="locale"
        :date-locale="dateLocale"
        :theme-overrides="themeOverrides"
    >
        <n-dialog-provider>
            <n-message-provider>
                <n-notification-provider>
                    <n-loading-bar-provider>
                        <App />
                    </n-loading-bar-provider>
                </n-notification-provider>
            </n-message-provider>
        </n-dialog-provider>
    </n-config-provider>
</template>

<script setup lang="ts">
    import { zhCN, dateZhCN } from "naive-ui"
    import App from "@/App.vue"

    const locale = zhCN
    const dateLocale = dateZhCN
    const themeOverrides = {
        common: {
            primaryColor: "#2d8cf0",
            primaryColorHover: "#3c9bff",
            primaryColorPressed: "#3c9bff",
        },
    }
</script>
